@import "./theme-default.scss";
@import "./theme-green.scss";
@import "./theme-orange.scss";
@import "./theme-pink.scss";
@import "./theme-grey.scss";
@import "./theme-yellow.scss";

$themes: (
  default: $theme-default,
  sys_green: $theme-green,
  sys_orange: $theme-orange,
  sys_pink: $theme-pink,
  sys_grey: $theme-grey,
  sys_yellow: $theme-yellow
);
@mixin set-themes-css-var() {
  @each $theme-name, $theme-map in $themes {
    @each $mode, $map in $theme-map {
      @if ($mode == "") {
        [data-theme=#{$theme-name}] {
          @each $key, $value in $map {
            --g-#{$key}: #{$value};
          }
        }
      }
      @else if ($mode == "dark") {
        &.dark [data-theme=#{$theme-name}] {
          @each $key, $value in $map {
            --g-#{$key}: #{$value};
          }
        }
      }
    }
  }
}
